<%@ Page Language="C#" AutoEventWireup="true" Theme="Admin" CodeFile="ALogin.aspx.cs"
    Inherits="Pages_ALogin" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Admin's login</title>

    <script type="text/javascript" language="javascript" src="../Scripts/jquery-1.4.1.min.js"></script>

    <style type="text/css">
        #master 
        {
            margin-top: 20px; 
            width:965px;
        }
        
        #master #head
        {
            margin-bottom:20px;
        }
        
        #master #head #banner
        {
            padding-left:10px;
            text-align:right;
        }
        
        #master #head #status
        {
             text-align:right;
             margin-top:5px;
        }
        
        #master #head #banner span
        {
            text-shadow: #0661A1 2px 2px 35px; 
            font-size: 30px; 
            font-weight: bold;
        }
        
        #master #icontent
        {
            width: 100%; 
            margin:0;
            padding:0;
            text-align:left;
        }
        
        #master #icontent #contentLeft
        {
            width: 190px;
            display:inline-block;
            text-align:left;
            vertical-align:top;
        }
        
        #master #icontent #contentCenter
        {
            width: 762px; /*994-190-10-4*/
            margin-left: 10px; 
            text-align:left;
            display:inline-block;
            vertical-align:top;
        }
    </style>

    <script type="text/javascript" language="javascript">
        $(document).ready(function(){
            var log = $("#alogin").eq(0);
            log.css("top", (window.innerHeight/2) - (log.height()/2));
            log.css("left", (window.innerWidth/2) - (log.width()/2));
        });
        
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <center>
            <div id="master">
                <div id="head">
                    <div id="banner">
                        <span>Website's Management</span></div>
                    <div id="status">
                    </div>
                </div>
                <div id="icontent">
                    <div class="contentCenter">
                        <div class="PageStyle">
                            <div id="alogin" class="Content" style="width: 250px; position: absolute; display: block;">
                                <div class="HeaderStyle">
                                    <span class="Title1">Login's Admin </span>
                                </div>
                                <div class="r0empty">
                                </div>
                                <div class="r0empty">
                                </div>
                                <div class="FormStyle">
                                    <center>
                                    <div class="MsgError"><asp:CustomValidator ID="vCustom" runat="server" ValidationGroup="login" Display="Dynamic"></asp:CustomValidator></div>
                                    <table cellpadding="0" cellspacing="0" style="width:189px;">
                                        <tr>
                                            <td>
                                                Username</td>
                                            <td class="c1empty">
                                            </td>
                                            <td>
                                                <input id="txtUsername" runat="server" type="text" maxlength="36" />
                                            </td>
                                        </tr>
                                        <tr class="r1empty">
                                            <td colspan="3">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Password</td>
                                            <td class="c1empty">
                                            </td>
                                            <td>
                                                <input id="txtPassword" runat="server" type="password" maxlength="36" />
                                            </td>
                                        </tr>
                                        <tr class="r1empty">
                                            <td colspan="3">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" class="ButtonStyle">
                                                <asp:Button ID="btLogin" runat="server" Text="Login" ValidationGroup="login" OnClick="btLogin_Click" />
                                            </td>
                                        </tr>
                                    </table>
                                    </center>
                                </div>
                                <div class="r0empty">
                                </div>
                                <div class="FooterStyle">
                                </div>
                                <div class="r0empty">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </center>
    </form>
</body>
</html>
